#app {
    font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-overflow-scrolling: touch;
  }
  html,
  body {
    font-size: 14px;
    line-height: 1.5;
    color: #333;
    background-color: #fff;
    min-height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 1200px;
    position: relative !important;
    height: calc(100%);
  }
  .el-message.el-message--success,
  .el-message.el-message--error {
    top: 80px !important;
  }
  /* element轮播图 */
  .el-carousel__item h3 {
    color: #475669;
    font-size: 18px;
    opacity: 0.75;
    margin: 0;
    text-align: center;
  }
  .el-carousel__item:nth-child(2n) {
    background-color: #99a9bf;
  }
  .el-carousel__item:nth-child(2n+1) {
    background-color: #d3dce6;
  }
  .max-width-1200 {
    max-width: 1200px !important;
  }

  .container{
    padding: 20px 0;
  }

  .container-1200 {
    width: 1200px;
    margin: 0px auto;
  }
  .clearfix {
    content: '';
    display: table;
    clear: both;
  }
  .el-pagination span:not([class*=suffix]) {
    padding: 0 12px;
  }
  .el-pagination {
    text-align: center;
  }
  .btn {
    min-width: 60px;
    background: #008AFF;
    border: 1px solid #008AFF;
    border: none;
    margin-right: 15px;
    color: #fff;
    border-radius: 4px;
    padding: 9px 14px;
    text-align: center;
    cursor: pointer;
  }
  .btn i {
    margin-right: 5px;
  }
  .btn2 {
    background: #fff;
    color: #008AFF;
    border: 1px solid #008AFF;
    border-radius: 4px;
  }
  .bg-fe9455 {
    background: #FE9455 !important;
  }
  .bg-f9462d {
    background: #F9462D !important;
  }
  .bg-aaa {
    background: #AAAAAA !important;
  }
  .bg-23b8ff {
    background: #23B8FF !important;
  }
  .col-ff890c {
    color: #FF890C;
  }
  .col-999 {
    color: #999;
  }
  .bg-fff {
    background: #fff !important;
  }
  .bg-ccc {
    background: #ccc !important;
  }
  .col-666 {
    color: #666666 !important;
  }
  .col-67C23a {
    color: #67C23A !important;
  }
  .col-red {
    color: red !important;
  }
  .col-f9462d {
    color: #F9462D !important;
  }
  .col-008aff {
    color: #008AFF !important;
  }
  .themeColor {
    color: #3388ff;
  }
  .cursor-p {
    cursor: pointer !important;
  }
  .cursor-n {
    cursor: no-drop !important;
  }
  .pad-tb-5 {
    padding: 5px 0;
  }
  .pointer-none {
    pointer-events: none;
  }
  .pointer-none-666 {
    pointer-events: none;
    color: #666666 !important;
  }
  .dis-inline-b {
    display: inline-block;
  }
  .text-align-c {
    text-align: center;
  }
  .text-align-c input {
    text-align: center;
  }
  .el-button span {
    line-height: 1;
  }
  .dis-none {
    display: none;
  }
  .dis-none-imp {
    display: none !important;
  }
  .triangle {
    position: relative;
    width: 0;
    height: 0;
    border-width: 0 12px 12px;
    border-style: solid;
    border-color: transparent transparent #F7F8FA;
  }
  /*去除upload组件过渡效果*/
  .el-upload-list__item {
    transition: none !important;
  }
  /* 上传按钮 */
  .el-form-item__content .el-upload .el-button {
    background: #fbfdff;
    border: none;
    margin: 0;
  }
  .el-form-item__content .el-upload .el-button:focus,
  .el-form-item__content .el-upload .el-button:hover {
    color: #fbfdff;
    border-color: none;
    background-color: #fbfdff;
  }
  .no-data {
    font-size: 16px;
    text-align: center;
  }
  .no-data img {
    width: 380px;
    margin: 0 auto;
  }
  .el-breadcrumb__inner,
  .el-breadcrumb__inner.is-link,
  .el-breadcrumb__item:last-child .el-breadcrumb__inner {
    color: #999999;
  }
  .el-breadcrumb {
    font-size: 12px;
    line-height: 1;
    padding: 18px 0;
  }
  .el-tabs__nav .el-tabs__item {
    height: 60px;
    line-height: 60px;
    font-size: 16px;
  }
  .el-tabs__nav-wrap::after {
    height: 1px;
    background-color: #EEE;
  }
  .el-button--primary {
    color: #FFF;
    background-color: #008AFF;
    border-color: #008AFF;
  }
  .el-table th.gutter {
    display: table-cell !important;
  }

  /* 布局 */
  .flex {
    display: flex;
    align-items: center;
  }
  .flexWithJusCenter {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .flexWithJusBetween {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .flexWithJusBetweenAndAliStart {
    display: flex;
    align-self: start;
    justify-content: space-between;
  }
  .admin-container{
    padding: 20px;
  }

  /* 公共样式 */
  .title{
    font-size: 18px;
    font-weight: bold;
  }

  .mg-T10{
    margin-top: 10px;
  }

  .mg-T20{
    margin-top: 20px;
  }

  .mg-L20{
    margin-left: 20px;
  }

  .mg-B20{
    margin-bottom: 20px;
  }

  .mg-R20{
    margin-right: 20px;
  }

  .pd-T20{
    padding-top: 20px;
  }

  .pd-B20{
    padding-bottom: 20px;
  }

  .el-pagination {
    text-align: right !important;
}

  .el-footerBox{
    margin-top: 10px;
    height: 30px !important;
    line-height: 30px !important;
  }

  .w400{
    width: 400px;
  }

  .w200{
    width: 200px;
  }

  .w150{
    width: 150px;
  }

  .h150{
    height:150px;
  }

  .w100{
    width: 100px;
  }

  .h100{
    height:100px;
    
  }

  .h50{
    height:50px;
  }

  

  /* 自定义表格边框 */
  .rowTopBorder{
    border-top: solid 1px rgb(180, 179, 179);
  }

  .el-col{
    /* display: flex;
      align-items: center;
      justify-content: center; */
      /* min-height: 50px; */
      /* border: black solid 1px; */
  }

  .rowBorder{
      border-bottom: solid 1px rgb(180, 179, 179);
      border-left: solid 1px rgb(180, 179, 179);
      border-right: solid 1px rgb(180, 179, 179);
      min-height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .minH50{
    min-height: 100px;
  }

  .colCell{
    width:100%; 
    padding:0 10px; 
    word-wrap:break-word
  }

  .request:before {
    content: "*";
    color: #f56c6c;
    margin-right: 4px;
  }

  .col-flex{
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
  }  

  .colH80{
    min-height: 80px;
  }

  .colLeftBorder{
    border-left: solid 1px rgb(180, 179, 179);
  }

  .colRightBorder{
    border-right: solid 1px rgb(180, 179, 179);
  }

  .leftAlign-pd15 {
    justify-content: left;
    padding-left: 15px;
  }

  .leftAlign-pd30 {
    justify-content: left;
    padding-left: 30px;
  }

  .leftAlign-pd40 {
    justify-content: left;
    padding-left: 40px;
  }

  .leftAlign-pd60 {
    justify-content: left;
    padding-left: 60px;
  }
  
  .leftAlign-pd80 {
    justify-content: left;
    padding-left: 80px;
  }

  .textCenter{
    text-align: center;
  }

  .border{
    border: solid 1px black;
  }

  .el-timeline-item__tail{
    top:13px;
  }

  .el-timeline-item{
    display: flex;
    align-items: center;
    padding: 0;
  }

  .el-timeline-item__content{
    position: relative;
    top:7px;
    text-align: left;
  }